<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="pink">
		<!-- 叫法：标记、元素
		 <w3c规定单词：特殊含义，表示页面效果>
		 标记分为：前标记，后标记
		 元素：前标记+后标记+内容 【元素之间可以嵌套】
		 -->
		 <p>内容</p>
		 <!-- body主体区域：文本、图片、超链接、表格-->
		 <!-- 文本元素群-->
		 <!-- 1.特殊文本【实业/体字符】
		      &copy;  代表  版权
			  &reg;   代表商标
			  &lt;    代表小于号
			  &gt;    代表大于号
			  &nbsp;  代表一个空格
		 -->
		  &copy;版权
		  &reg;商标
		  &lt;小于号
		  &gt;大于号
		  &nbsp;一个空格
		  <!-- 2.假文【占位符】-->
		  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati autem unde sit, repellendus accusamus laboriosam ipsam nam accusantium aperiam sapiente aspernatur doloremque impedit quis sint necessitatibus doloribus! Fugit, architecto explicabo!
		  Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt voluptatem, est aliquid nam natus sed tempora autem sequi aut sint reprehenderit dignissimos vero, neque culpa vitae consequuntur reiciendis ab cupiditate.
		  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et aliquam architecto ex accusamus autem in distinctio, iure perspiciatis error repellat nihil culpa pariatur nemo quae velit ut exercitationem illo harum.
		  Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, laudantium at impedit, voluptatem asperiores labore autem consequuntur quisquam pariatur animi iusto voluptatum necessitatibus. Unde voluptatibus libero delectus et commodi distinctio!
		  <!-- 3.文本样式元素:精灵图-->
		  <i>文本倾斜</i>
		  <b>文本加粗</b>
		  <u>文本下划线</u>
		  <del>文本删除线htm14.0</del>
		  <s>文本删除线htm15.0</s>
		  2<sup>2</sup>
		  文言文<sub>解释</sub>
		  <!-- 4.标题元素：加粗放大  h1~h6-->
		  <h1>标题元素</h1>
		  <h1>标题元素</h1>
		  <h1>标题元素</h1>
		  <h1>标题元素</h1>
		  <h1>标题元素</h1>
		  <h1>标题元素</h1>
		  <!-- 5.分割线元素和换行元素
		  元素分为：封闭型【双】标记和非封闭型【空/单】标记
		  非封闭性【空/单】标记hr  br   写法<hr/>
		                     html简洁  写法<hr>
		  -->
		  <hr />
		  换行 <br> 换行
		  <!-- 6.跑马灯元素-->
		 <marquee>滚滚长江</marquee>
		 <!-- 7.预格式化元素 pre元素：放进去是什么，显示什么-->
		 <pre>
			       &LT;p&GT;静夜思&LT;/p&GT;
			床前明月光，疑是地上霜
			举头望明月，低头思故乡
			 
		 </pre>
		 <!-- 需求：文本加粗并且倾斜【嵌套】-->
		 <b><i>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo voluptatibus pariatur quaerat dicta illum consequuntur quo sequi, molestias, voluptas tenetur, voluptate neque unde quae quis natus magni obcaecati! Quisquam, corporis.</i></b>
		 <!-- 8.段落元素-->
		 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eos quod ad dolorum labore ipsam voluptatem, asperiores illum quam. Non illum nostrum corporis impedit vero unde maxime consectetur sit incidunt ex.</p>
		 <!-- 二、元素中属性与属性值使用
		         属性与属性值的作用:添加效果【样式】
				 语法：<p属性＝"属性值"></p>
				 w3c针对元素添加的属性和属性值【不通用】
				 注意：属性与属性值可以为多个【没有顺序】
		 -->
		 <p align="right">段落元素</p>
		  
	</body>
</html>